
<template>
  <el-card class="box-card1">
    <todoSou :loadList="loadList" />
  </el-card>

  <el-card class="box-card2">
    <todoTable />
  </el-card>

  <!-- 弹出层 -->
  <!-- <el-dialog v-model="dialogVisible" width="45%" :close-on-click-modal="false" :close-on-press-escape="false" top="5vh"
    :show-close="false">
    <template #header="{ close, titleId, titleClass }">
      <div class="my-header">
        <span :id="titleId" :class="titleClass">查看审批</span>
        <el-icon @click="close" class="closestylus">
          <Close />
        </el-icon>
      </div>
    </template>
    <el-card class="box-card1">
      <tosochankan />
    </el-card>
  </el-dialog> -->
</template>

<script setup lang="ts">
import todoSou from './todoSou/index.vue'
import todoTable from './todoTable/index.vue'
import tosochankan from './tosochankan/index.vue'

import { ref } from 'vue'


//自定义hook
import { useDialogVisible, useUserList} from './hooks'

//弹窗hook
const [dialogVisible, setDialogVisible] = useDialogVisible()

//列表hook

const[data,total,loadList]=useUserList()

// const dialogVisible=ref(false)

</script>

<style lang="scss" scoped>
.box-card1 {
  width: 100%;
  //   margin-top: 20px
}

.box-card2 {
  width: 100%;
  margin-top: 20px;
}


</style>

<style>
.el-overlay .el-overlay-dialog .el-dialog .el-dialog__header {
  background-color: rgba(54, 126, 234, 1);
  margin: 0;
}
</style>